HTMLify

script.js
Views: 41 | Author: cody
const { body } = document;

let zoomActivated = false;

window.addEventListener('keydown', (e) => {
	if(e.key === 'z') {
		zoomActivated = !zoomActivated;
	}
});

window.addEventListener('click', () => {
    zoomActivated = !zoomActivated;
});

window.addEventListener('mousemove', (e) => {
	const { clientX: x, clientY: y } = e;
	
	if(zoomActivated) {
		body.style.transform = 'scale(2)';
		body.style.transformOrigin = `${x}px ${y}px`;
	} 
    else {
		body.style.transform = 'none';
	}
});

Comments